#{extends 'template/main.html' /}
#{set title:'Home' /}

		

      <!-- Main component for a primary marketing message or call to action -->
      <div class="jumbotron">
        <img src="public/images/logopequeno.png" class="img-rounded"><br/>
        <p>Um sistema voltado para o profissional da área de nutrição, que visa à criação de dietas personalizadas e realizar cálculos importantes para o acompanhamento nutricional do paciente.</p>
        <p>Para utilizar o programa solicite seu cadastro.</p>
        <p>
          <a class="btn btn-lg btn-success" href="">Solicite Já!! »</a>
        </p>
      </div>

     <div class="row">
        <div class="col-lg-4">
          <h2>Nutricionista</h2>
          <p>Para ter acesso a aplicação, o nutricionista precisa solicitar uma permissão para ter acesso a aplicação. Essa solicitacao se dará através do preenchimento de um formulário mediante a verificação das informações do nutricionista. </p>
          <p><a class="btn btn-success" href="http://getbootstrap.com/examples/jumbotron/#">View details »</a></p>
        </div>
        <div class="col-lg-4">
          <h2>Paciente</h2>
          <p>Ao paciente será permitido acesso à aplicação somente para ter acesso as suas dietas cadatradas por seu nutricionista. Esse acesso será realizado através do CPF do paciente.<br/><br/></p>
          <p><a class="btn btn-success" href="http://getbootstrap.com/examples/jumbotron/#">View details »</a></p>
       </div>
        <div class="col-lg-4">
         <h2>Saúde</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn btn-success" href="http://getbootstrap.com/examples/jumbotron/#">View details »</a></p>
        </div>
      </div>
      
 <!-- START THE FEATURETTES -->

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive" src="" data-src="holder.js/500x500/auto" alt="500x500">
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-5">
          <img class="featurette-image img-responsive" src="" data-src="holder.js/500x500/auto" alt="500x500">
        </div>
        <div class="col-md-7">
          <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette">
        <div class="col-md-7">
          <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>
        <div class="col-md-5">
          <img class="featurette-image img-responsive" src="" data-src="holder.js/500x500/auto" alt="500x500">
        </div>
      </div>

      
		